// 压缩图片
// const chainWebpackImg = (config) => {
//   config.module.rule('images')
//     .test(/\.(png|jpe?g|gif|webp)(\?.*)?$/)
//     .use('image-webpack-loader')
//       .loader('image-webpack-loader')
//       .options({
//         bypassOnDebug: true
//       })
//       .end()
//     .use('url-loader')
//       .loader('file-loader')
//       .options({
//         name: 'assets/[name].[hash:8].[ext]'
//       })
//       .end();
// };

// 生产环境打包去除console
const chainWebpackNoConsole = (config) => {
  if (process.env.VUE_APP_ENV === 'prod') {
    config.optimization.minimizer("terser").tap((arg) => {
      arg[0].terserOptions.compress.drop_console = true;
      return arg;
    });
  }
};

// svg
const chainSvgRuleConfig = (config) => {
  // svg是个基础loader
  const svgRule = config.module.rule('svg')
  // 清除已有的所有 loader。
  // 如果你不这样做，接下来的 loader 会附加在该规则现有的 loader 之后。
  svgRule.uses.clear()
  // 添加要替换的 loader
  svgRule
    .use('svg-sprite-loader')
    .loader('svg-sprite-loader')
    .options({
      symbolId: 'icon-[name]'
    })
  return svgRule;
}

module.exports = {
  // chainWebpackImg,
  chainWebpackNoConsole,
  chainSvgRuleConfig
}
